<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    国粒智能校园安防监控平台
  </title>
  <script src="<%= BASE_URL %>static/video/module/PlayerControl.js"></script>
  <script src="<%= BASE_URL %>static/socket.io.min.js"></script>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
      <!-- 配置Tailwind自定义颜色和字体 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'ai-blue': '#165DFF',
                        'ai-cyan': '#00E5FF',
                        'ai-purple': '#9D4EDD',
                        'ai-pink': '#FF2E93',
                        'ai-dark': '#121826',
                        'ai-light': '#F0F4FF',
                    },
                    fontFamily: {
                        'future': ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
  <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-gradient {
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            .glow {
                filter: drop-shadow(0 0 8px currentColor);
            }
            .neural-node {
                @apply absolute rounded-full bg-ai-blue/30 border border-ai-blue/50;
            }
            .neural-connection {
                @apply absolute bg-gradient-to-r from-ai-blue/20 to-ai-cyan/20 transform origin-left;
            }
            .data-particle {
                @apply absolute rounded-full bg-ai-cyan/60;
            }
        }
    </style>

</head>

<body>
  <div id="app"></div>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>